<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>协会通讯录</title>
	<link rel="stylesheet" href="style1.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<style>
		* {
			margin: 0;
			padding: 0;
		}

		body {
			background: #fff;
		}

		.card {
			margin: 30px 15px;
			padding: 15px;
			background: #fff;
			border: 1px solid #ececec;
			box-shadow: 0 5px 20px #cecaca;
		}

		.num_logo {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			overflow: hidden;
			background: #3396FA;
			text-align: center;
			line-height: 50px;
			color: #fff;
			margin-right: 15px;
		}
		.ico-info-phone{
			color: #3396fa;
			font-size: 20px;
		}
	</style>
</head>

<body>
	<div class="card">
		<div class="weui-flex">
			<div style="font-weight: bold;font-size: 20px;" class="weui-flex__item">曹操</div>
			<div class="weui-flex__item">
				<div style="float: right;" class="num_logo">曹</div>
			</div>
		</div>
		<div style="height: 40px;"></div>
		<div class="weui-flex">
			<div class="weui-flex__item">深圳市协协通网络科技有限公司</div>
		</div>
	</div>



	<div class="weui-cells__title">姓名</div>
	<div class="weui-cell">
		<div class="weui-cell__bd">
			<p>曹操</p>
		</div>
	</div>
	<div class="weui-cells__title">电话</div>
	<div class="weui-cell">
		<div class="weui-cell__bd">
			<p>13988887777</p>
		</div>
		<div class="weui-cell__ft">
			<a href="tel:13988887777">
				<i class="fa fa-phone ico-info-phone"></i>
			</a>
		</div>
	</div>
	<div class="weui-cells__title">邮箱</div>
	<div class="weui-cell">
		<div class="weui-cell__bd">
			<p>123456@qq.com</p>
		</div>
	</div>


	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
</body>
<script>

</script>

</html>